<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>角色管理</title>
    <link rel="stylesheet" href="../../plugin/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../plugin/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../plugin/Ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="../../adminlte/css/AdminLTE.min.css">
    <link rel="stylesheet" href="../../adminlte/css/skins/all-skins.min.css">
    <link rel="stylesheet" href="../../system/css/common.css" />
</head>
<body>
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header">
                <h3 class="box-title">响应式悬浮表格</h3>

                <div class="box-tools">
                    <div class="input-group input-group-sm hidden-xs" style="width: 150px;">
                        <input type="text" name="table_search" class="form-control pull-right" placeholder="Search">

                        <div class="input-group-btn">
                            <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body table-responsive no-padding">
                <table class="table table-hover">
                    <tr>
                        <th>编号</th>
                        <th>用户名</th>
                        <th>日期</th>
                        <th>状态</th>
                        <th>备注</th>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张三丰</td>
                        <td>2021-4-15</td>
                        <td><span class="label label-success">已通过</span></td>
                        <td>一代宗师，高深莫测.</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>张无忌</td>
                        <td>2021-4-15</td>
                        <td><span class="label label-warning">审核中</span></td>
                        <td>武功高强，光明顶一战成名.</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>赵敏</td>
                        <td>2021-4-15</td>
                        <td><span class="label label-primary">待审核</span></td>
                        <td>古灵精怪，蒙古智囊.</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>珠儿</td>
                        <td>2021-4-15</td>
                        <td><span class="label label-danger">已拒绝</span></td>
                        <td>身世凄惨，痛恨父亲.</td>
                    </tr>
                </table>
            </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->
    </div>
</div>
    <script src="../../plugin/jquery/jquery.min.js"></script>
    <script src="../../plugin/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../plugin/fastclick/fastclick.js"></script>
    <script src="../../adminlte/js/adminlte.min.js"></script>
</body>
</html>